<template>
	<view class="topic-list u-f" @tap="openDetail">
		<image :src="titleinfo.titlepic" mode="widthFix" lazy-load></image>
		<view>
			<view>{{ titleinfo.title }}</view>
			<view>{{ titleinfo.desc }}</view>
			<view>动态 {{ titleinfo.totalnum }} 今日 {{ titleinfo.todaynum }}</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		titleinfo: Object,
		index: Number
	},
	methods: {
		openDetail() {
			uni.navigateTo({
				url: '../../pages/tooic-detail/tooic-detail'
			});
		}
	}
};
</script>

<style>
.topic-list {
	width: 100%;
	padding: 20upx 0;
	border-bottom: 1upx solid #eeeeee;
}
.topic-list > image {
	width: 150upx;
	height: 150upx;
	border-radius: 10upx;
	margin-right: 20upx;
}
.topic-list > view > view {
	color: #a4a4a4;
}
.topic-list > view > view:first-child {
	color: #333333;
	font-size: 32upx;
}
</style>
